/* 登录页面的样式 */
#Login{
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    .left{
        width: 60%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        .logoImg{
            width: 83px;
            height: 83px;
            user-select: none;
        }
        h3{
            font-size: 30px;
            color: var(--text--color);
            user-select: none;
        }
        p{
            font-size: 12px;
            color: var(--p--color);
            margin-top: 8px;
            margin-bottom: 10px;
            user-select: none;
        }
        .buttonBox{
            width: 330px;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 5px;
            .highLight {
                color: var(--active--color);
            }
        }
        .el-input{
            height: 40px;
        }
        .ValidCodeBox {
            display: flex;
            flex-direction: row;
            flex-flow: row;
            align-items: center;
            justify-content: center;
            width: 100%;
            .el-input{
               flex: 1;
            }
            .code{
                width: 100%;
                border: 1px solid #dcdfe6;
                flex: 1;
                height: 40px;
                border-radius: 5px;
                cursor: pointer;
                user-select: none;
            }
            .el-button{
                height: 40px;
            }
        }
    }
    .right{
        width: 40%;
        height: 100%;
        background: var(--bg2--color);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        img{
            width: 380px;
            user-select: none;
        }
    }
}
















